/**
 * 主题色彩系统
 * 注意：这些值需要与 src/common/styles/variables.scss 中的 SCSS 变量保持同步
 */
export const THEME_COLORS = {
  // 主色调
  primary: "#030212",
  primaryText: "#FFFFFF",

  // 次要色调
  secondary: "#6B7280",
  secondaryText: "#374151",

  // 状态色调
  success: "#10B981",
  warning: "#F59E0B",
  danger: "#EF4444",
  info: "#3B82F6",

  // 背景色调
  background: "#FFFFFF",
  backgroundSecondary: "#F9FAFB",

  // 边框色调
  border: "#E5E7EB",
  borderLight: "#F3F4F6"
} as const

/**
 * 按钮主题配置
 */
export const BUTTON_THEMES = {
  primary: {
    backgroundColor: THEME_COLORS.primary,
    color: THEME_COLORS.primaryText,
    borderColor: THEME_COLORS.primary,
    hoverBackgroundColor: "#0A0A1A",
    hoverBorderColor: "#0A0A1A"
  },
  secondary: {
    backgroundColor: THEME_COLORS.secondary,
    color: THEME_COLORS.primaryText,
    borderColor: THEME_COLORS.secondary,
    hoverBackgroundColor: "#4B5563",
    hoverBorderColor: "#4B5563"
  }
} as const

/**
 * 获取按钮主题样式
 */
export function getButtonTheme(theme: keyof typeof BUTTON_THEMES) {
  return BUTTON_THEMES[theme]
}

export type ThemeColor = keyof typeof THEME_COLORS
export type ButtonTheme = keyof typeof BUTTON_THEMES
